<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>BlackO by -xpspx-</title>
	<link rel="stylesheet" href="resources/css/home.css" type="text/css" />
	<link rel="stylesheet" href="resources/css/group.css" type="text/css" />
</head>

<body>

	<div id="wrapper">
	
		
			
		
			<a href="/"><div id="header"></div></a>
		
		
<div id="menu">
		<ul>
			<li><a href="<c:url value="/" />">Home</a></li>
			<li><a href="<c:url value="/" />">find your group</a></li>
			<li><a href="<c:url value="/start" />">start your group </a></li>
		</ul>
</div>

 <div class="art-contentLayout">
                    <div class="art-sidebar1">
                        <div class="art-Block">
                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="art-header-tag-icon">
                                                <div class="t">Newsletter</div>
                                            </div>
                                        </div><div class="art-BlockContent">
                                            <div class="art-BlockContent-tl"></div>
                                            <div class="art-BlockContent-tr"></div>
                                            <div class="art-BlockContent-bl"></div>
                                            <div class="art-BlockContent-br"></div>
                                            <div class="art-BlockContent-tc"></div>
                                            <div class="art-BlockContent-bc"></div>
                                            <div class="art-BlockContent-cl"></div>
                                            <div class="art-BlockContent-cr"></div>
                                            <div class="art-BlockContent-cc"></div>
                                            <div class="art-BlockContent-body">
                                                <div><form method="get" id="newsletterform" action="javascript:void(0)">
                                                <input type="text" value="" name="email" id="s" style="width: 95%;" />
                                                <span class="art-button-wrapper">
                                                	<span class="l"> </span>
                                                	<span class="r"> </span>
                                                	<input class="art-button" type="submit" name="search" value="Subscribe"/>
                                                </span>
                                                
                                                </form></div>
                                        		<div class="cleared"></div>
                                            </div>
                                        </div>
                        		<div class="cleared"></div>
                            </div>
                        </div>
                        <div class="art-Block">
                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="art-header-tag-icon">
                                                <div class="t">Highlights</div>
                                            </div>
                                        </div><div class="art-BlockContent">
                                            <div class="art-BlockContent-tl"></div>
                                            <div class="art-BlockContent-tr"></div>
                                            <div class="art-BlockContent-bl"></div>
                                            <div class="art-BlockContent-br"></div>
                                            <div class="art-BlockContent-tc"></div>
                                            <div class="art-BlockContent-bc"></div>
                                            <div class="art-BlockContent-cl"></div>
                                            <div class="art-BlockContent-cr"></div>
                                            <div class="art-BlockContent-cc"></div>
                                            <div class="art-BlockContent-body">
                                                <div>
                                                                  <p><b>Jun 14, 2008</b><br/>
                                                                  Aliquam sit amet felis. Mauris semper, 
                                                                  velit semper laoreet dictum, quam 
                                                                  diam dictum urna, nec placerat elit 
                                                                  nisl in quam. Etiam augue pede, 
                                                                  molestie eget, rhoncus at, convallis 
                                                                  ut, eros. Aliquam pharetra.<br/>
                                                                  <a href="javascript:void(0)">Read more...</a></p>
                                                                  </div>
                                        		<div class="cleared"></div>
                                            </div>
                                        </div>
                        		<div class="cleared"></div>
                            </div>
                        </div>
                        <div class="art-Block">
                            <div class="art-Block-body">
                                        <div class="art-BlockHeader">
                                            <div class="art-header-tag-icon">
                                                <div class="t">Contact Info</div>
                                            </div>
                                        </div><div class="art-BlockContent">
                                            <div class="art-BlockContent-tl"></div>
                                            <div class="art-BlockContent-tr"></div>
                                            <div class="art-BlockContent-bl"></div>
                                            <div class="art-BlockContent-br"></div>
                                            <div class="art-BlockContent-tc"></div>
                                            <div class="art-BlockContent-bc"></div>
                                            <div class="art-BlockContent-cl"></div>
                                            <div class="art-BlockContent-cr"></div>
                                            <div class="art-BlockContent-cc"></div>
                                            <div class="art-BlockContent-body">
                                                <div>
                                                      <img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />
                                                <br />
                                                <b>Company Co.</b><br />
                                                Las Vegas, NV 12345<br />
                                                Email: <a href="mailto:info@company.com">info@company.com</a><br />
                                                <br/>
                                                Phone: (123) 456-7890 <br/>
                                                Fax: (123) 456-7890
                                                </div>
                                        		<div class="cleared"></div>
                                            </div>
                                        </div>
                        		<div class="cleared"></div>
                            </div>
                        </div>
                    </div>
                    <div class="art-content">
                        <div class="art-Post">
                            <div class="art-Post-body">
                        <div class="art-Post-inner">
                                        <h2 class="art-PostHeader">
                                            Welcome ${group.groupName}
                                        </h2>
                                        <div class="art-PostContent">
                                            
                                            
                                            <p>Lorem ipsum dolor sit amet,
                                            <a href="#" title="link">link</a>, <a class="visited" href="#" title="visited link">visited link</a>, 
                                             <a class="hover" href="#" title="hovered link">hovered link</a> consectetuer 
                                            </p>
                                            <p>
                                            	<span class="art-button-wrapper">
                                            		<span class="l"> </span>
                                            		<span class="r"> </span>
                                            		<a class="art-button" href="javascript:void(0)">Read more...</a>
                                            	</span>
                                            </p>
                                            
                                            <table class="table" width="100%">
                                            	<tr>
                                            		<td width="33%" valign="top">
                                            		<div class="art-Block">
                                            			<div class="art-Block-body">
                                            				<div class="art-BlockHeader">
                                                      <div class="l"></div>
                                            				  <div class="r"></div>
                                            				  <div class="t"><center>Support</center></div>
                                            			  </div>
                                            				<div class="art-BlockContent">
                                            					<div class="art-PostContent">
                                            						<img src="images/01.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                            						<p> urna. </p>
                                            					</div>
                                            				</div>
                                            			</div>
                                            		</div>
                                            		</td>
                                            		<td width="33%" valign="top">
                                            		<div class="art-Block">
                                            			<div class="art-Block-body">
                                            				<div class="art-BlockHeader">
                                                      <div class="l"></div>
                                            				  <div class="r"></div>
                                            				  <div class="t"><center>Development</center></div>
                                            			  </div>
                                            				<div class="art-BlockContent">
                                            					<div class="art-PostContent">
                                            						<img src="images/02.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                            						<p>Lorem  </p>
                                            					</div>
                                            				</div>
                                            			</div>
                                            		</div>
                                            		</td>
                                            		<td width="33%" valign="top">
                                            		<div class="art-Block">
                                            			<div class="art-Block-body">
                                                    <div class="art-BlockHeader">
                                                      <div class="l"></div>
                                            				  <div class="r"></div>
                                            				  <div class="t"><center>Strategy</center></div>
                                            			  </div>
                                            				<div class="art-BlockContent">
                                            					<div class="art-PostContent">
                                            						<img src="images/03.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />
                                            						<p>Lorem  </p>
                                            					</div>
                                            				</div>
                                            			</div>
                                            		</div>
                                            		</td>
                                            	</tr>
                                            </table>
                                                
                                        </div>
                                        <div class="cleared"></div>
                        </div>
                        
                        		<div class="cleared"></div>
                            </div>
                        </div>
                        <div class="art-Post">
                            <div class="art-Post-body">
                        <div class="art-Post-inner">
                                        <h2 class="art-PostHeader">
                                            Text, <a href="#" rel="bookmark" title="Permanent Link to this Post">Link</a>, <a class="visited" href="#" rel="bookmark" title="Visited Hyperlink">Visited</a>, <a class="hovered" href="#" rel="bookmark" title="Hovered Hyperlink">Hovered</a>
                                        </h2>
                                        <div class="art-PostContent">
                                            <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit, <a href="#" title="test link">test link</a>. 
                                            	Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. 
                                            	Nnonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. 
                                            	is tellus.  <abbr title="Avenue">AVE</abbr></p>
                                              
                                              <h1>Heading 1</h1>
                                              <h2>Heading 2</h2>
                                              <h3>Heading 3</h3>
                                              <h4>Heading 4</h4>
                                              <h5>Heading 5</h5>
                                              <h6>Heading 6</h6>
                                            
                                                <blockquote>
                                                    <p>
                                                        &#8220;This stylesheet is going to help so freaking much.&#8221;
                                                        <br />
                                                        -Blockquote
                                                    </p>
                                                </blockquote>
                                              <br />
                                              <table class="art-article" border="0" cellspacing="0" cellpadding="0">
                                              <tbody>
                                                <tr>
                                                  <th>Header</th>
                                                  <th>Header</th>
                                                  <th>Header</th>
                                                </tr>
                                                <tr>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                </tr>
                                                <tr class="even">
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                </tr>
                                                <tr>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                  <td>Data</td>
                                                </tr>
                                              </tbody></table>
                                              
                                            	<p>
                                            		<span class="art-button-wrapper">
                                            			<span class="l"> </span>
                                            			<span class="r"> </span>
                                            			<a class="art-button" href="javascript:void(0)">Join&nbsp;Now!</a>
                                            		</span>
                                            	</p>
                                                
                                        </div>
                                        <div class="cleared"></div>
                        </div>
                        
                        		<div class="cleared"></div>
                            </div>
                        </div>
                    </div>
                </div>
                
</html>





